// 导入axios
import axios from "axios";
import { ElLoading, ElMessage, ElMessageBox } from 'element-plus';
//1. 创建新的axios实例，
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  // 超时时间 单位是ms，这里设置了3s的超时时间
  timeout: 3 * 1000,
});
// 2.请求拦截器
service.interceptors.request.use(
  (config) => {
    // 获取本地存储中的token和过期时间
    const token = localStorage.getItem("token");
    const expire = localStorage.getItem("expire"); // 过期时间戳

    if (token && expire) {
      const currentTime = Date.now() / 1000; // 获取当前时间（单位秒）

      // 如果当前时间大于token的过期时间，则清除token并跳转到登录页面
      if (currentTime > expire) {
        // token 过期，清除localStorage中的token和过期时间
        localStorage.removeItem("token");
        localStorage.removeItem("expire");
        window.location.href = "/login"; // 跳转到登录页面
        return Promise.reject("Token 已过期，请重新登录");
      }
    }

    // 数据转化，配置请求头等
    if (config.method !== "get") {
      config.data = JSON.stringify(config.data);
    }
    config.headers = {
      Authorization: `Bearer ${localStorage.getItem("token")}`, // 获取 token
      "Content-Type": "application/json",
      "X-Lang": localStorage.getItem('language') ? localStorage.getItem('language'): 'zh',
      Accept: "application/json",
    };
    if (token) {
      // config.params = { ...config.params, token: token }; //如果要求携带在参数中
      config.headers.token = token; //如果要求携带在请求头中
    }
    return config;
  },
  (error) => {
    Promise.reject(error);
  }
);

// 3.响应拦截器
service.interceptors.response.use(
  (response) => {
    //接收到响应数据并成功后的一些共有的处理，关闭loading等
    console.log(response.data);
    if (response.data.code == 401) {
      ElMessage({
        type: "error",
        message: response.data.msg,
      });
      localStorage.clear();
      window.location.href = "/login";
    }
    return response;
  },
  (error) => {
    /***** 接收到异常响应的处理开始 *****/
    if (error && error.response) {
      // 1.公共错误处理
      // 2.根据响应码具体处理
      switch (error.response.status) {
        case 400:
          error.message = "错误请求";
          break;
        case 401:
          error.message = "未授权，请重新登录";
          window.location.href = "/login";
          break;
        case 403:
          error.message = "拒绝访问";
          break;
        case 404:
          error.message = "请求错误,未找到该资源";
          // window.location.href = "/login"
          break;
        case 405:
          error.message = "请求方法未允许";
          break;
        case 408:
          error.message = "请求超时";
          break;
        case 500:
          error.message = "服务器端出错";
          break;
        case 501:
          error.message = "网络未实现";
          break;
        case 502:
          error.message = "网络错误";
          break;
        case 503:
          error.message = "服务不可用";
          break;
        case 504:
          error.message = "网络超时";
          break;
        case 505:
          error.message = "http版本不支持该请求";
          break;
        default:
          error.message = `连接错误${error.response.status}`;
      }
    } else {
      // 超时处理
      if (JSON.stringify(error).includes("timeout")) {
        console.log("服务器响应超时，请刷新当前页");
      }
      error.message = "连接服务器失败";
    }
    /***** 处理结束 *****/
    //如果不需要错误处理，以上的处理过程都可省略
    return Promise.resolve(error.response);
  }
);

export default service;
